<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1" />
    <title>线下订单</title>
    <link rel="stylesheet" type="text/css" href="../../css/base.css">
    <link rel="stylesheet" type="text/css" href="../../css/nctouch_member.css">
    <link rel="stylesheet" type="text/css" href="../../css/nctouch_common.css">
    <link rel="stylesheet" type="text/css" href="../../css/nctouch_cart.css">
</head>
<body>
<header id="header" class="fixed">
    <div class="header-wrap">
        <div class="header-l"><a href="member.html"><i class="back"></i></a></div>
        <span class="header-tab"><a href="javascript:void(0);" class="cur" style="border-top-left-radius: 5px; border-bottom-left-radius: 5px;">线下订单</a></span>
        <div class="header-r"> <a id="header-nav" href="javascript:void(0);"><i class="more"></i><sup></sup></a> </div>
    </div>
    <div class="nctouch-nav-layout">
        <div class="nctouch-nav-menu"> <span class="arrow"></span>
            <ul>
                <li><a href="../../index.html"><i class="home"></i>首页</a></li>
                <li><a href="../search.html"><i class="search"></i>搜索</a></li>
                <li><a href="../product_first_categroy.html"><i class="categroy"></i>分类</a></li>
                <li><a href="javascript:void(0);"><i class="message"></i>消息<sup></sup></a></li>
                <li><a href="../cart_list.html"><i class="cart"></i>购物车<sup></sup></a></li>
                <li><a href="member.html"><i class="member"></i>我的商城</a></li>
            </ul>
        </div>
    </div>
</header>
<div class="nctouch-main-layout">
    <div class="nctouch-order-search">
        <form>
      <span><input type="text" autocomplete="on" maxlength="50" placeholder="输入商品标题或订单号进行搜索" name="order_key" id="order_key" oninput="writeClear($(this));" >
      <span class="input-del"></span></span>
            <input type="button" id="search_btn" value="&nbsp;">
        </form>
    </div>
    <div class="nctouch-order-list">
        <ul id="order-list">
        </ul>
    </div>
    <!--底部总金额固定层End-->
    <div class="nctouch-bottom-mask">
        <div class="nctouch-bottom-mask-bg"></div>
        <div class="nctouch-bottom-mask-block">
            <div class="nctouch-bottom-mask-tip"><i></i>点击此处返回</div>
            <div class="nctouch-bottom-mask-top">
                <p class="nctouch-cart-num">本次交易需在线支付<em id="onlineTotal">0.00</em>元</p>
                <p style="display:none" id="isPayed"></p>
                <a href="javascript:void(0);" class="nctouch-bottom-mask-close"><i></i></a> </div>
            <div class="nctouch-inp-con nctouch-inp-cart">
                <ul class="form-box" id="internalPay">
                    <p class="rpt_error_tip" style="display:none;color:red;"></p>
                    <li class="form-item" id="wrapperUseRCBpay">
                        <div class="input-box pl5">
                            <label>
                                <input type="checkbox" class="checkbox" id="useRCBpay" autocomplete="off" />
                                使用充值卡支付 <span class="power"><i></i></span> </label>
                            <p>可用充值卡余额 ￥<em id="availableRcBalance"></em></p>
                        </div>
                    </li>
                    <li class="form-item" id="wrapperUsePDpy">
                        <div class="input-box pl5">
                            <label>
                                <input type="checkbox" class="checkbox" id="usePDpy" autocomplete="off" />
                                使用预存款支付 <span class="power"><i></i></span> </label>
                            <p>可用预存款余额 ￥<em id="availablePredeposit"></em></p>
                        </div>
                    </li>
                    <li class="form-item" id="wrapperPaymentPassword" style="display:none">
                        <div class="input-box"> <span class="txt">输入支付密码</span>
                            <input type="password" class="inp" id="paymentPassword" autocomplete="off" />
                            <span class="input-del"></span></div>
                        <a href="../member/member_paypwd_step1.html" class="input-box-help" style="display:none"><i>i</i>尚未设置</a> </li>
                </ul>
                <div class="nctouch-pay">
                    <div class="spacing-div"><span>在线支付方式</span></div>
                    <div class="pay-sel">
                        <label style="display:none">
                            <input type="radio" name="payment_code" class="checkbox" id="alipay" autocomplete="off" />
                            <span class="alipay">支付宝</span></label>
                        <label style="display:none">
                            <input type="radio" name="payment_code" class="checkbox" id="wxpay_jsapi" autocomplete="off" />
                            <span class="wxpay">微信</span></label>
                    </div>
                </div>
                <div class="pay-btn"> <a href="javascript:void(0);" id="toPay" class="btn-l">确认支付</a> </div>
            </div>
        </div>
    </div>
</div>
<div class="fix-block-r">
    <a href="javascript:void(0);" class="gotop-btn gotop hide" id="goTopBtn"><i></i></a>
</div>
<footer id="footer" class="bottom"></footer>
<script type="text/html" id="order-list-tmpl">
    <% var order_group_list = datas.order_group_list; %>
    <% if (order_group_list.length > 0){%>
    <% for(var i = 0;i<order_group_list.length;i++){ %>
    <li class="">
        <div class="nctouch-order-item">
            <div class="nctouch-order-item-head">
                <a class="store"><i class="icon"></i><%=order_group_list[i].store_name%></a>
						<span class="state">
                           <%
								var stateClass ="ot-finish";
								var orderstate = order_group_list[i].order_state;
								if(orderstate == 20 || orderstate == 30 || orderstate == 40){
									stateClass = stateClass;
                                    state_desc = "已支付";
								}else if(orderstate == 0) {
									stateClass = "ot-cancel";
                                    state_desc = "已取消";
								}else {
									stateClass = "ot-nofinish";
                                    state_desc = "待支付";
								}
							%>
							<span class="<%=stateClass%>"><%=state_desc%></span>
						</span>
            </div>
            <div class="nctouch-order-item-con">
                <div class="goods-block">
                    <a href="<%=WapSiteUrl%>/tmpl/member/offline_res.html?paysn=<%=order_group_list[i].order_sn %>">
                        <div class="goods-pic">
                            <img src="<%=order_group_list[i].extend_store%>" >
                        </div>
                        <dl class="goods-info">
                            <dt class="goods-name">线下消费</dt>
                            <dd class="goods-type"><% if(order_group_list[i].payment_code=='navgator') { %>线下支付<% }%><% if(order_group_list[i].payment_code=='predeposit') { %>余额支付<% }%><% if(order_group_list[i].payment_code=='wx_jsapi') { %> 微信支付 <% } %></dd>
                        </dl>
                        <div class="goods-subtotal">
                            <span class="goods-price">￥<em><%=order_group_list[i].order_amount%></em></span>
                        </div>
                    </a>
                </div>
                <% if(orderstate == 10){ %>
                <div class="handle" style="text-align: right; margin: 5px 0">
                         <a href="javascript:void(0)" order_id="<%=order_group_list[i].order_id %>" class="btn cancel-order" onclick="cancelOrder(this)">取消订单</a>
                  </div>
                <% } %>
            </div>
        </div>
        <% if(orderstate == 10){ %>
           <a href="javascript:;" data-paySn="<%=order_group_list[i].order_sn %>" class="btn-l check-payment" style="margin-bottom: 5px;">订单支付</a>
       <% } %>
    </li>
    <% } %>
    <% if(hasMore) {%>
    <li class="loading"><div class="spinner"><i></i></div>订单数据读取中...</li>
    <% } %>
    <% }else {%>
    <div class="nctouch-norecord order">
        <div class="norecord-ico"><i></i></div>
        <dl>
            <dt>您还没有相关的订单</dt>
            <dd>可以去看看哪些想要买的</dd>
        </dl>
        <a href="<%=WapSiteUrl%>" class="btn">随便逛逛</a>
    </div>
    <% } %>
</script>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/template.js"></script>
<script type="text/javascript" src="../../js/config.js"></script>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript" src="../../js/simple-plugin.js"></script>
<script type="text/javascript" src="../../js/zepto.waypoints.js"></script>
<script type="text/javascript" src="../../js/tmpl/offline_order_payment_common.js"></script>
<script type="text/javascript" src="../../js/tmpl/offline_order_list.js"></script>
</body>
</html>